<!DOCTYPE html>
<html lang="en">
<head>
    <meta http-equiv="content-type" content="text/html;charset=utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0, user-scalable=no">
    <title>我的订单页</title>
    <meta name="title" content="海大首页">
    <meta name="keywords" content="海大珍珠商城">
    <meta name="desciption" content="海大珍珠商城是一个专注于……商城">
    <meta name="author" content="loushengyue，于景洲，宛煜，陈泽鹏，庞乃东">
    <link rel="shortcut icon" href="./img/icon.ico" type="image/x-icon">
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/order.css">
</head>
<body>
<header>
    <div class="back"  id="back"></div>
    <h1>我的订单</h1>
    <div class="more"></div>
</header>
<div class="middle">
    <ul class="nav" id="nav">
        <li class="on"><span>全部</span></li>
        <li><span>待付款</span></li>
        <li><span>待发货</span></li>
        <li><span>待收货</span></li>
        <li><span>待评价</span></li>
    </ul>
    <div class="order-option">
        <div class="status">等待买家付款</div>
        <span class="detail">
            <img src="img/order_img1.png" alt="order1">
            <span class="title">水密码海泉精华套装正品女士冬季补水保湿水乳丹姿护肤品三件套</span>
            <span class="price">￥<em>169.00</em></span>
            <i class="amount">数量：<em>1</em></i>
        </span>
        <div class="total">
            <span class="amount">共<em>1</em>件商品</span>
            <span class="price">合计￥<em>169.00</em></span>
            <span>（含运费￥<em>0.00</em>）</span>
        </div>
        <div class="operate">
            <span>取消订单</span>
            <span class="on">付款</span>
        </div>
    </div>
    <div class="order-option">
        <div class="status">交易成功</div>
        <div class="detail">
            <img src="img/order_img2.png" alt="order2">
            <span class="title">欧莱雅男士劲能醒肤露滋润补水保湿面霜乳液护肤品冬擦脸油润肤霜</span>
            <span class="price">￥<em>189.00</em></span>
            <i class="amount">数量：<em>1</em></i>
        </div>
        <div class="total">
            <span class="amount">共<em>1</em>件商品</span>
            <span class="price">合计￥<em>189.00</em></span>
            <span>（含运费￥<em>0.00</em>）</span>
        </div>
        <div class="operate">
            <span>查看物流</span>
            <span>追加评价</span>
        </div>
    </div>
</div>
<footer>
    <div class="option1">
        <i></i>
        <b>首页</b>
    </div>
    <div class="option2">
        <i></i>
        <b>分类</b>
    </div>
    <div class="option3">
        <i></i>
        <b>购物车</b>
    </div>
    <div class="option4">
        <i></i>
        <b>个人</b>
    </div>
</footer>
<script src="lib/zepto-1.2.0.js"></script>
<script src="lib/resetRem.js"></script>
<script src="js/common.js"></script>
<script src="js/order.js"></script>
</body>
</html>